<!-- <template>
    <a href="test.html" v-on:click.prevent>阻止默认行为</a>
    <div v-on:click.capture="show('我是父元素的事件')">
    <button v-on:click="show('我是子元素的事件')">事件冒泡</button>
    <button v-on:click.stop="show('我是子元素的事件')">阻止事件冒泡</button>
    
   事件捕获
     <button v-on:click="show('我是子元素的事件')">事件捕获</button>
    </div>

    <button v-on:click.once="show('我是当前元素的单击事件,并且只执行一次')">只执行一次</button>
</template> -->



<!-- <template>
    <div v-on:click="show('我是祖先元素的组件')">祖先元素
    <div v-on:click.self="show('我是父元素的组件')">父元素
        <div v-on:click="show('我是zi元素的组件')">子元素

        </div>
    </div>
     </div>
</template> -->

<!-- <template>
    <input type="text" v-on:keyup.enter.exact="submit">
</template> -->

<template>
    <button v-on:click.right="show('捕获到右键')"></button>
</template>

<script setup>
let show=message=>{
    console.log(message)
}
let submit=()=>{
    console.log('捕获到enter')
}
</script>